/**
 * @copyright Copyright (c) 2020 Marco Ambrosini <marcoambrosini@pm.me>
 *
 * @author Marco Ambrosini <marcoambrosini@pm.me>
 *
 * @license GNU AGPL version 3 or any later version
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program. If not, see <http://www.gnu.org/licenses/>.
 *
 */

@import 'variables.scss';

.nc-button {
	width: $clickable-area;
	height: $clickable-area;
	flex-shrink: 0;
	border: 0;
	padding: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	&:not(.primary) {
		background-color: transparent;
	}
	&__main {
		&:hover,
		&:focus {
			background-color: var(--color-background-hover);
		}
		&:disabled {
			&:hover {
				background-color: var(--color-primary-element);
			}
		}
	}
	// Used on top of gray background such as hovered messages
	&__main--dark {
		&:hover,
		&:focus {
			background-color: var(--color-background-darker);
		}
	}
	
}